﻿@section Scripts {
    @Styles.Render("~/Content/themes/base/css")
    @Styles.Render("~/Content/course.css")
    @Scripts.Render("~/bundles/coursepagejs");

@*    @Scripts.Render("~/Scripts/jquery.cookie.js")
    @Scripts.Render("~/Scripts/jquery.togglepanels.js")
    <script type="text/javascript" src="~/Scripts/devcoursebuttons.js"></script>*@

    <script type="text/javascript" src="//vk.com/js/api/openapi.js?105" charset="windows-1251"></script>
    <script type="text/javascript" src="http://connect.ok.ru/connect.js"></script>
}

@section SEOContent {
   <title>Курс HTML вёрстки UI Frontend Elementary - IT Курсы kharkovitcourses.com | Эффективный курс HTML CSS Java Script в Харькове, WEB, UI, Front End, CSS3, developer, обучение с нуля, трудоустройство, online</title>
    <meta name="description" content="Профессиональное и быстрое обучение HTML и JavaScript с нуля"/>
    <meta name="keywords" content="курсы, обучение, верстальщиков, вёрстки, CSS, HTML, JavaScript, online, Харьков, в Харькове"/>
    <meta name="robots" content="index,follow">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
}
<div id="fb-root"></div>

<div class="project" itemscope="itemscope" itemtype="http://schema.org/EducationEvent">
    <div class="coursePrice">
        <span>Стоимость обучения:820грн. в месяц</span>
    </div>
    <div class="navModule">
        <div class="pagination">
            <span class="prev">ПРЕДИДУЩИЙ КУРС</span>
            <i></i>
            <span class="prev">СЛЕДУЮЩИЙ КУРС</span>
        </div>
        <a class="backBtn" href="@Url.Action("Category",new {name="markup"})"><i></i>НАЗАД В КАТЕГОРИЮ</a>
    </div>

    <h5 class="nav">
        <a href="@Url.Action("Index","Home")">Главная страница</a><span>::</span><a href="@Url.Action("Index","Training")">Обучениe</a><span>::</span><a href="@Url.Action("Category",new {name="markup"})">Курсы HTML CSS JavaScript</a><span>::</span><a href="@Url.Action("Course",new {name="htmlcoursebase"})">Курсы WEB UI Elementary</a>
    </h5>

    <h1 itemprop="name">WEB UI elementary (базовый HTML CSS Java Script курс)</h1>
    <div id="info" class="info">
        <div id="accordion">
           <h3>Продолжительность курса</h3>
            <div>
                <p itemprop="duration">Общий объём занятий - <b>32 часа</b>. Курс длится 8 недель по 4 часа занятий в неделю.</p>
            </div>
            <h3>Расписание занятий</h3>
            <div>
                Время проведения занятий подобрано максимально так, чтобы было удобно как студентам так работающим людям. Время будующих наборов может отличаться. 
                <hr />   
                <a class="weekDay" href="@Url.Action("Index","Schedule")">Ср:7:30-9:00</a><br/>
                <a class="weekDay" href="@Url.Action("Index","Schedule")">Сб:8:00-10:30</a><br/>
            </div>
            <h3>Программа курса</h3>
            <div>
                <div><b>Краткое содержание:</b></div>
                <ul class="classeslist">
                    <li>Введение в HTML, CSS, Семантика, DOM</li>
                    <li>Базовые теги, строчный / блочный элементы, работа с изображениями (Типы изображений, отличия)</li>
                    <li>Списки, Таблицы, формы</li>
                    <li>Подключения CSS / JS, Базовые свойства CSS, Сокращенная запись, блочная модель</li>
                    <li>HasLayout, Float, Overflow</li>
                    <li>Позиционирование, верстка Drop Down Menu</li>
                    <li>Спрайты, верстка элементов со спрайтами</li>
                    <li>Рассмотрение Layout сайта, домашнее задание - верстка примитивной странички</li>
                    <li>Разбор домашнего задания, width flexible, рассмотрение медиа запросов, мобильная верстка</li>
                    <li>Markup Best Practics, Markup OOP, БЭМ, Progressive Enhancement, Gracefull degradation</li>
                    <li>Синтаксис JS, типы данных</li>
                    <li>Циклы, условия, функции</li>
                    <li>Объекты</li>
                    <li>Конструктор, наследование</li>
                    <li>Введение в jQuery</li>
                </ul>
                <div><b>Полное содержание:</b></div>
                <div style="float:right;margin-top:3px;"><a href="#">скачать...</a></div>
            </div>
            <h3>Стоимость</h3>
            <div itemscope itemtype="http://schema.org/Offer">
                <div>Стоимость прохождения курса составляет <b itemprop="price">1640</b>&nbspгрн. Возможна поэтапная (помесячная) оплата.</div>
                <hr />
                <div>Внимание!!! В данный период действует акция "Февральский набор" позволяющая получить <b>5% скидку</b> на месяц обучения.Ищи детали в разделе акции</div>
            </div>
            <h3>Акции</h3>
            <div>
                <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
                    <b>"Февральский набор"</b><br />
                    Подай заявку на прохождение курса до 1го марта 2014 года и получи возможность пройти месяц обучения на <b>5%</b> дешевле.
                </div>
                <hr />
                <div><b>"Приведи друга"</b></div>
                    Приведи в наш центр друга и получи дополнительную скидку <b>5%</b> на месяц обучения
            </div>
            <h3>Новости курса</h3>
            <div>
                <div><b>02/13/2014</b></div>
                <hr />
                <p itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">Открылся набор на март. Спешите, осталось <span class="price">8</span> мест...</p>
            </div>
            <h3>Записаться на курс</h3>
            <div>  
               Для предварительной записи просто позвоните нам или оставьте <a href="@Url.Action("Index","Contact")">электронную заявку</a>. Ориентировочная дата начала занятий следующего набора <b>23 марта 2014г.</b> <time itemprop="startDate" datetime="2014-03-23"></time>
            </div>
            <h3 id="vkTrigger">Мы в контакте</h3>
            <div class="externalContent">
                <div id="vk_groups"></div>
            </div>
             <h3>Мы в фейсбуке</h3>
            <div class="externalContent">
                <div class="fb-like-box" data-href="https://www.facebook.com/pages/%D0%A6%D0%B5%D0%BD%D1%82%D1%80-%D0%BA%D1%83%D1%80%D1%81%D0%BE%D0%B2-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D0%B8-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-Hello-world/626247000769428" data-width="230" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
            </div>
            <h3>Мы в одноклассниках</h3>
            <div class="externalContent">
                <div id="ok_group_widget"></div>
            </div> 
        </div>
        <div class="blackButtonsPanel">
            <a id="chatTrigger" title="задать вопрос" class="social" href="javascript:void(0)">Задать вопрос</a>
            <a title="контакты" class="social"  href="@Url.Action("Index","Contact")">Контакты</a>
            <a title="полное расписание занятий" class="social" href="@Url.Action("Index","Schedule")">Расписание</a>
        </div>
        </div>
        <div id="gallery">
        <div class="image">
            <img width="610" height="242" title="Курсы HTML CSS Java Script" alt="Курсы HTML CSS Java Script" src="~/Images/html3.jpg">
        </div>
        
        <h3>Что это?</h3>
        <p class="courseInfo" itemprop="description">
            Программа <b>«WEB UI elementary»</b> - это курс интерактивных занятий, который позволяют эффективно научиться выполнять качественную HTML/CSS вёрстку Web приложений с использованием элементов JS. Программа охватывает как фундаментальные понятия, так и  современные подходы вёрстки WEB страниц. Кроме умений и знаний Front End разработки, студенты учатся анализировать макеты и создавать удобные, интуитивно понятные и консистентные WEB интерфейсы. Основным фокусом программы являются практикум. На каждой лекции рассматривается и обсуждается большое количество примеров, предусмотрена самостоятельная работа, которую каждый выполняет самостоятельно.   Курс охватывает разбор классических вопросов, которые звучат почти на каждом собеседовании при трудоустройстве.
        </p>
         <h3>
            Кому это нужно?
        </h3>
        <p class="courseInfo">
            Данный курс полезен для тех, кто хочет научиться производить качественную WEB вёрстку, для тех - кто  хочет трудоустроиться по данной профессии, и даже для тех – кто хочет «подтянуть» и систематизировать  уже имеющие навыки и знания в этой области.  Большинство, кто сюда приходят – это люди, без опыта работы в IT индустрии.  Но, как показала практика, курс также эффективен и интересен как тестировщикам, так и WEB разработчикам, желающим расширить свой круг деятельности. 
        </p>
        <h3>Зачем это нужно?</h3>
        <p class="courseInfo">
            В первую очередь курс предназначен для того, чтобы научить создавать качественную HTML разметку. Полученные знания могут применяться как для собственных работ и проектов, так и для работы и трудоустройства. В результате успешного усвоения материала, полученные знания позволяют выпускникам трудоустроиться в лучшие IT компании города. 
        </p>
        <h3>
            Как достигается результат?
        </h3>
        <p class="courseInfo">
            Процесс обучения проходит в формате интерактивных лекций,  в которых совмещена как теоретическая, так и практическая часть. Вся информация подкреплена практическими примерами и заданиями. Непонятные моменты и вопросы можно обсуждать с преподавателем лично или онлайн. Терминология рассматривается на двух языках, что позволяет проходить курс людям с невысоким уровнем знания английского.  В программу включены знания и навыки, соответствующие всем современным требованиям к кандидатам, выдвигаемыми IT компаниями при трудоустройстве.  Как показывает практика, 80% работодателей сегодня требуют от кандидатов не только уверенного знания HTML и CSS, но и базовые знания Java Script. Это требование было учтено при составлении программы обучения этого курса. 
        </p>
        <h3>
            Что для этого требуется?
        </h3>
        Для того чтобы начать обучение в нашем центре нужно всего 4 вещи:
         <div id="accordion2">
                 <h3>Желание</h3>
                 <p class="courseInfo">Желание студентов обучиться HTML/CSS вёстке и основам Java Scipt'а является главным мотиватором для Вас и для нас.</p>
                <h3>Время</h3>
                 <p class="courseInfo">Программа данного курса рассчитана на 30 часов занятий. Кроме этого предусмотрена обязательная самостоятельная работа студентов.  
                 Весь курс длится на протяжении двух месяцев. Это значит, что ты должен располагать тремя с половиной свободными часами в неделю для посещения лекций (или просмотра их видеозаписи) и иметь свободное время для самостоятельной работы.
                 Лекции проходят рано утром в будние дни и в субботу, что даёт возможность учиться людям, которые работают. 
                 Наше полное расписание доступно <a href="@Url.Action("Index","Schedule")">здесь</a>.</p>
                 <h3>Деньги</h3>
                 <p class="courseInfo">Все наши курсы являются платными курсами.
                 Мы сотрудничем только с высококвалифицированными преподавателями, практикующими в сфере информационных технологий. 
                Полная информация обо всех ценах и акциях курса доступна в разделе акции. В центре существует гибкая система скидок, а также проводятся акции, позволяющие сэкономить.</p>
                <h3>Ноутбук</h3>
                <p class="courseInfo">Лекции курса проходят в интерактивном режиме.  Предполагается, что в процессе занятия студенты выполняют все примеры на своих ноутбуках. 
                Это даёт возможность применить на практике всю полученную информацию «на лету» и прояснить неясные моменты ещё в процессе лекции, что положительно сказывается на восприятии и запоминании.</p>
         </div>
           
    </div>
    <div class="clear"></div>
</div>
